#cover-spin {
    position:fixed;
    width:100%;
    left:0;right:0;top:0;bottom:0;
    /*background-color: rgba(255,255,255,0.7);*/
    background-color: rgba(255, 255, 255, 0.805);
    z-index:9999;
    display:none;
    color:green;
    text-align: center;
    padding-top:450px;
}

@-webkit-keyframes spin {
	from {-webkit-transform:rotate(0deg);}
	to {-webkit-transform:rotate(360deg);}
}

@keyframes spin {
	from {transform:rotate(0deg);}
	to {transform:rotate(360deg);}
}

#cover-spin::after {
    content:'';
    display:block;
    position:absolute;
    left:48%;top:40%;
    width:50px;height:50px;
    border-style:solid;
    border-color:black;
    border-top-color:transparent;
    border-width: 5px;
    border-radius:50%;
    -webkit-animation: spin .8s linear infinite;
    animation: spin .8s linear infinite;
}


.badge:after{ /*maneja el número del carrito de compras*/
    content:attr(value);
    font-size:24px;
    /*font-family:ti;*/
    font-weight: 150;
    color: #fff;
    background: blue;
    border-radius:50%;
    padding: 0 5px;
    position:relative;
    left:0px;
    top:-10px;
    opacity:0.9;
}


#fixed-icon-carrito{ /*para el ícono fijado al lado*/
    /*
    position: fixed;
    left: 0;
    top: 340px;
    */
    border-radius: 5px 0px 1px 5px;
    box-shadow: 1px 1px 11px 1px #a59a9a;
    background-color:orange;
    padding: 10px 5px;
}